Adwaita: Add focus outlines back to scale troughs
authorTimm Bäder <mail@baedert.org>
Sat, 15 Feb 2020 09:45:33 +0000 (10:45 +0100)
committerTimm Bäder <mail@baedert.org>
Sat, 15 Feb 2020 16:18:27 +0000 (17:18 +0100)
Fixes #189

gtk/theme/Adwaita/_common.scss

index 14c38775479446bc246a47ed123878d557f819d3..5c20871555b0914f670274fc3e21337c3e2d90af 100644 (file)
@@ -15,7 +15,6 @@ button:focus(visible),
 checkbutton:focus(visible),
 radiobutton:focus(visible),
 switch:focus(visible),
-scale:focus(visible),
 label:focus(visible),
 row:focus(visible),
 flowboxchild:focus(visible) {
@@ -29,6 +28,14 @@ flowboxchild:focus(visible) {
   outline-width: 1px;
 }
 
+// Widgets that draw their focus indicator outset and not inset
+scale:focus(visible) > trough {
+  outline-color: gtkalpha(currentColor, 0.3);
+  outline-style: dashed;
+  outline-offset: 2px;
+  outline-width: 1px;
+}
+
 
 /***************
  * Base States *
@@ -2584,8 +2591,6 @@ scale {
     }
   }
 
-  &:focus { outline: none; }
-
   // click-and-hold the slider to activate
   &.fine-tune {
     &.horizontal {